<template>
  <div class="border border-solid border-black p-[10px]">
    <div class="text-[20px]">上传凭证</div>
    <FormItem label="上传随车文件">
      <BasicUploadDragger style="width: 50%" :params="params" :fileLists="fileList" />
    </FormItem>
  </div>
</template>
<script lang="ts" setup>
  import { ref, reactive, onMounted } from 'vue';
  import BasicUploadDragger from '@/components/UploadDragger/BasicUploadDragger.vue';
  import { FormItem } from 'ant-design-vue';
  import type { SendDirectlyInfo } from './types/types';

  onMounted(async () => {
    formState.value = props.queryParams as SendDirectlyInfo;
  });

  const props = defineProps({
    queryParams: { type: Object },
  });

  const formState = ref({} as SendDirectlyInfo);

  const params = reactive({
    configCode: 'eslogis_order',
    label: props.queryParams!.fileLabel,
    batchId: props.queryParams!.batchId,
  });
  const fileList = reactive([]);
</script>
